<template>
  <div>
    <Dialog title="盘点详情" :loading="loading" :visible="visible" :reveal="false" @close="handleClose">
      <el-row class="mb-20-yy">
        <el-col :span="6">盘点单号：{{ currentRow.offsetOrderNo }}</el-col>
        <el-col :span="6">仓库：{{ currentRow.warehouseName }}</el-col>
        <el-col :span="6">操作员：{{ currentRow.operator }}</el-col>
        <el-col :span="6">操作时间：{{ currentRow.warehouseOutTime }}</el-col>
      </el-row>
      <el-table :data="currentRow.listDto">
        <el-table-column label="名称" prop="name" show-overflow-tooltip />
        <el-table-column label="类型" prop="materialMedicineType" show-overflow-tooltip />
        <el-table-column label="规格" prop="specs" show-overflow-tooltip />
        <el-table-column label="单位" prop="unit" show-overflow-tooltip />
        <el-table-column label="盈亏数量" prop="writeOffCount" show-overflow-tooltip />
      </el-table>
      <el-row style="margin-top:20px">
        <el-col style="text-align: right;">合计数量：{{ currentRow.totalNum }}</el-col>
      </el-row>
      <el-row style="margin-top:20px">
        <el-col>备注：{{ currentRow.remark?currentRow.remark:'无' }}</el-col>
      </el-row>
      <div class="all-margin-bottom" />
    </Dialog>
  </div>
</template>

<script>
// import { mapMutations } from 'vuex';
import Dialog from "@/components/Dialog";
export default {
  name: "Index",
  components: {
    Dialog,
  },
  props: {
    visible: {
      type: Boolean,
      default: false,
    },
    currentRow: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      loading: false,
    };
  },
  methods: {
    handleClose() {
      this.$emit('handleClose');
    },
  },
};
</script>

<style scoped lang='scss'>
.mb-20-yy{
  margin-bottom: 20px;
}
/deep/ .el-col{
    line-height: 30px;
  }
</style>
